<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/9/20.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>工作台</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-work.css">

</head>
<body class="childrenBody">

<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list_2">
            <div class="text_title">
                <i class="iconfont icon-kehu"></i>客户
                <span class="iconfont icon-tishi"
                      data-toggle="tooltip" data-placement="right" title="解释解释解释解释解释解释解释解释解释。"></span>
            </div>
            <button class="btn btn-sm btn-success pull-right" style="margin-top: 13px;margin-left: 10px">新建</button>
            <button class="btn btn-sm btn-warning pull-right " type="button"  style="margin-top: 13px">单点登录</button>

        </div>
        <div class="gzt_nav_list">
            <a href="javascript:;" class="active">任务</a>
            <a href="javascript:;">最近联系<span class="label label-dot label-danger" style="vertical-align: top;">12</span></a>
            <a href="javascript:;">联系计划</a>
            <a href="javascript:;">最近更新</a>
        </div>
        <div class="nav_list_body">
            <div class="item_body">
                <div class="item_nav_list">
                    <a href="javascript:;" class="item_a active">我的任务</a>
                    <a href="javascript:;" class="item_a">我分配的</a>
                    <div class="btn-group clearfix pull-right">
                        <button type="button" class="  btn-link  dropdown-toggle" data-toggle="dropdown">未入网 <span class="caret"></span></button>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="###">操作</a></li>
                            <li><a href="###">另一个操作</a></li>
                        </ul>
                    </div>
                    <div class="btn-group clearfix pull-right">
                        <button type="button" class="  btn-link  dropdown-toggle" data-toggle="dropdown">未呼出 <span class="caret"></span></button>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="###">操作</a></li>
                            <li><a href="###">操作</a></li>
                        </ul>
                    </div>
                </div>
                <div class="item_nav_list_body">
                    <div class="item_item_body">
                        <table class="table table-borderless table-striped">
                            <tbody>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="item_item_body">2</div>
                </div>

                <div class="item_nav_list">
                    <a href="javascript:;" class="item_a active">我的任务</a>
                    <a href="javascript:;" class="item_a">我分配的</a>
                    <div class="btn-group clearfix pull-right">
                        <button type="button" class="  btn-link  dropdown-toggle" data-toggle="dropdown">未入网 <span class="caret"></span></button>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="###">操作</a></li>
                            <li><a href="###">另一个操作</a></li>
                        </ul>
                    </div>
                    <div class="btn-group clearfix pull-right">
                        <button type="button" class="  btn-link  dropdown-toggle" data-toggle="dropdown">未呼出 <span class="caret"></span></button>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="###">操作</a></li>
                            <li><a href="###">操作</a></li>
                        </ul>
                    </div>
                </div>
                <div class="item_nav_list_body">
                    <div class="item_item_body">
                        <table class="table table-borderless table-striped">
                            <tbody>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="item_item_body">2</div>
                </div>
            </div>
            <div class="item_body">
                <div class="item_nav_list">
                    <a href="jvascript:;"></a>
                    <div class="btn-group clearfix pull-right">
                        <button type="button" class="  btn-link  dropdown-toggle" data-toggle="dropdown">未入网 <span class="caret"></span></button>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="###">操作</a></li>
                            <li><a href="###">另一个操作</a></li>
                        </ul>
                    </div>
                    <div class="btn-group clearfix pull-right">
                        <button type="button" class="  btn-link  dropdown-toggle" data-toggle="dropdown">未呼出 <span class="caret"></span></button>
                        <ul class="dropdown-menu pull-right" role="menu">
                            <li><a href="###">操作</a></li>
                            <li><a href="###">操作</a></li>
                        </ul>
                    </div>
                </div>
                <div class="item_nav_list_body">
                    <div class="item_item_body">
                        <table class="table table-borderless table-striped">
                            <tbody>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            <tr>
                                <td>广州远程教育中心</td>
                                <td>小松鼠</td>
                                <td>1511111111</td>
                                <td>未呼出</td>
                                <td>入网状态</td>
                                <td><a href="javascript:;"><i class="iconfont icon-dianhua"></i></a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="item_item_body">2</div>
                </div>
            </div>
            <div class="item_body">
                <div class="item_nav_list_body">
                    <div class="item_item_body">联系计划  内容块</div>
                </div>
            </div>
            <div class="item_body">
                <div class="item_nav_list_body">
                    <div class="item_item_body">最近更新  内容块</div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip();

        $('.gzt_nav_list').on('click','a',function () {
            $(this).addClass('active').siblings().removeClass('active') ;

            $('.nav_list_body').find('.item_body').eq($(this).index()).show().siblings().hide() ;
        })
        $('.item_nav_list').on('click','a',function () {
            $(this).addClass('active').siblings().removeClass('active') ;

            $(this).parent().next().find('.item_item_body').eq($(this).index()).show().siblings().hide() ;
        })
    })
</script>
</body>
</html>